﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>[web-css]电视机</title>
    <style>
        .main {
            width: 640px;
            position: absolute;
            margin-left: 600px;
        }

        .box {
            background: #605f5e;
            width: 640px;
            border-radius: 16px;
            height: 440px;
            position: absolute;
            top: 150px;
        }

        .back {
            background: #ffffff;
            width: 620px;
            height: 400px;
            position: absolute;
            margin: 10px 10px 20px 10px;
        }

        .container {
            width: 620px;
            height: 400px;
        }

        .box-1 {
            width: 6px;
            height: 6px;
            border-radius: 6px;
            background-color: #ff0000;
            position: absolute;
            top: 410px;
            right: 40px;
            display: inline-block;
        }

        .bottom {
            margin-left: 300px;
            color: #ffffff;
        }

        .top {
            position: absolute;
            top: 590px;
            width: 640px;
        }

        .left {
            background: #3b3b3b;
            width: 50px;
            height: 20px;
            position: absolute;
            left: 80px;
        }

        .right {
            background: #3b3b3b;
            width: 50px;
            height: 20px;
            position: absolute;
            right: 80px;
        }
    </style>
</head>
<body>
    <div class="main">
        <div class="box">
            <div class="back">
                <img class="container" src="image/logon.gif" />
                <div class="box-1"></div>
                <div class="bottom">haier</div>
            </div>
        </div>
        <div class="top">
            <div class="left"></div>
            <div class="right"></div>
        </div>
    </div>
</body>
</html>